Directions for Using the Thumbnail index template with sound.

This template is similar to the Class Project Template, 
but the index displays postage-stamp-size ("thumbnail") 
images that link to each of the student pages when you 
click on them. 

1. Copy this folder to your hard drive. Double-click on the 
   copy of the folder. Select "Select All" from the Edit menu.
   Right-click on any one of the files and select "Properties"
   from the pop-up menu.Click on the "Read-only" box so that 
   it is not checked and click OK.

Note: To add more pages to the site, simply go to the last page, 
select Edit with Notepad, and INCREASE EACH NUMBER ON THE PAGE BY 1
(for example, change 30 to 31, 29 to 30, 31 to 32, etc).  Save 
the page with a filename that is one higher, e.g. if it was 
"page30.htm", save it as "page31.htm". Repeat for as many pages 
as you need.

2. Copy the graphic files (in jpg format) into the same folder.

3. Rename the graphics "p1.jpg", "p2.jpg", "p3.jpg", 
   etc, in the order that they are to appear in the slide show.
   (If the graphics are not in JPG format, either use a graphics
   editor to change their format into JPG or change the graphic 
   links on each html file to reflect the actual format 
   of the graphics).

4. Use your image editor program (or the "Batch Thumbs" program 
   on the workshop CD-ROM) to create thumbnail images for each 
   picture (roughly 100 X 70 pixels in size). Name the thumbnails 
   as "T1.jpg", "T2.jpg", "T3.jpg", etc. 

5. Edit the index page, "index.htm" in a text editor such as NotePad
   or SimpleText.   Replace the placeholder " Main title " and 
   " Sub-title " with your titles. In the body of the index, 
   replace each placeholder "TITLE" with your own page titles. 
   Save it.

6. Open each of the numbered pages (e.g. page1.htm, page2.htm, etc) 
   in a text editor such as NotePad or SimpleText.   Replace the       
   upper-case placeholder text with the title, sub-title, and
   mail text for each page.  Save it.  Repeat for each page.

7. Attach a microphone to the microphone input on the back of the 
   computer (marked with a microphone symbol).  

8. Open Audacity.  (If Audacity is not already installed on your 
computer, refer to the handout "How to Install Software used in the 
Digital Sound and Music Workshop" for instructions). 

9. Click on the round red button to begin recording.  Click on the 
   square button to stop.  

10. To save the sound file, select File => Export as MP3... , navigate 
to the template folder, type the letter (a, b, c, etc., into the File 
name box, and click Save.    

11. Click on the close box [x] in the upper left corner of the waveform window 
and repeat steps 9 - 11 for each page that has a sound.

12. To view the site, open "title.htm" in a Web browser.
    Click on "Index of Pages" to go to the index.

Note: If you are using downloaded sound files rather than recording your
own sounds, open the corresponding slide file and change the name of the 
sound file (where it says <embed src="s.wav") to match the name of the 
file that you downloaded (including its extension).  

The format of the sound files 
can be changed to any type that is playable on your computers: e.g. 
AU, AIFF, MP3, or MIDI.  For example, if you are using au3 sound files 
instead of WAV sound files, simply change the sound links on each page 
to match: for example,  s1.au, s2.au, s3.au, etc.

If any of your pages do not have sounds, remove the line that reads
<embed src="" width=144 height=45 autostart=true>
in the HTML text for that page, so the sound controller won't show
on that page.
